



@media screen and (max-width: 800px){
  .server{
    &>.server-div{
      flex-direction: column;

        }
      }
    }

.container-fluid>.munelist>div{
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;

  .mune-bt{
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 220px;
    height: 310px;
    text-align: center;
    background-image: linear-gradient(#41bdef,#31a7de);
    position: relative;
    .ig3{
      margin-top: 190px;
      width: 100%;
    }
    .mune-bt2{
      position: absolute;
      bottom: 0;
      border-radius:0 0 5px 5px;
      color: #2c4755;
      &>h3{
        font-family: OSBold;
        font-size: 21px;
        width: 80%;
        margin: 0 auto;
        border-bottom: 1px dotted #cccccc;
      }
      &>span{
        margin-top: 10px;
        font-size: 11px;
        font-family: OSLight;
      }
      background: #ffffff;
      z-index: 9999;
    }
  }

}
@media screen and (max-width: 991px) {
  .mune{
    width: 40%;
  }
}
@media screen and (max-width: 1000px){
  .mid-title{
    &>h1{
      font-size: 20px;
    }
  }
}

.mgs{
  width: 40%;
  margin: 0 auto;
  &>p{
    text-align: center;
    color: #2c4755;
    font-family: OSLight;
  }
}
